<!--
 * @authors 沙洲 chenchenyixin@qq.com http://gitee.com/shazhou
 * @date    2019-12-24 15:50:24
-->

<template>
  <div>
    <nut-button :class="[btnClass,cname]" @click="btnClick" :type="options.type" :block="options.block" :small="options.small" :shape="options.shape" :icon="options.icon" :color="options.color">
      <slot></slot>
    </nut-button>
  </div>
  <!-- <div :class="[btnClass,cname]">
    <slot></slot>
  </div> -->
</template>

<script>
export default {
  name: 'btn',
  data(){
	  return{
	  	btnClass:'btn'
	  }
  },
  props:{
  	cname:{
  		type:String,
  		default:''
  	},
    options:{
      type:Object,
      default(){
        return{
          type:'default',
          block:false,
          small:true,
          shape:'',
          icon:'',
          color:''
        }
      }
    }
  },
  components:{

  },
  created(){

  },
  mounted(){

  },
  methods:{
    btnClick(){

    }
  }
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/stylus/mixins.styl'
.btn
  btn()


</style>


